<%@include file="/header.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<ul class="breadcrumb">
	当前位置：
	<li><a href="${pageContext.request.contextPath}/ItemList.do">首页</a></li>
</ul>
<h2 class="jumbotron">更换主题颜色</h2>

<div class="col-sm-6 col-md-3" >
		<div style=""></div>
	</div>


<input class="btn btn-default" type="button" value="紫色" onClick="changecolor1()">  
<input class="btn btn-default" type="button" value="红色" onClick="changecolor2()">  
<input class="btn btn-default" type="button" value="黑色" onClick="changecolor3()">  
<input class="btn btn-default" type="button" value="还原" onClick="changecolor0()">  


<script>
function changecolor1()
{
document.getElementById("background1").style.background='#FF00FF';
document.getElementById("background2").style.background='#FF00FF';
}
function changecolor2()
{
document.getElementById("background1").style.background='red';
document.getElementById("background2").style.background='red';
}
function changecolor3()
{
document.getElementById("background1").style.background='black';
document.getElementById("background2").style.background='black';
}
function changecolor0()
{
document.getElementById("background1").style.background='#3992d0';
document.getElementById("background2").style.background='#3992d0';
}
</script>
</div>
</div>
</body>
</html>
